<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<!--[if lt IE 7]>
<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>
<html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>
<html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>


        成员


    </title>
    <meta name="description" content=" 东北石油大学机器学习与视觉实验室- lab-Machine Learning and Computer vision">
    <meta name="keywords"
          content="计算机视觉与遥感实验室,东北石油大学,刘志刚,计算机视觉,机器学习,人工智能,图像处理,深度学习,SLAM,机器视觉,遥感,激光,机器人,Zhigang Liu,  lab-Machine Learning and Computer vision,Northeast Petroleum University,Computer Vision ,Remote Sensing, Deeo Learning, Artifical Intelligent"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" type="text/css" href="../static/css/bootstrap.css" th:href="@{~/css/bootstrap.css}"/>
    <link rel="stylesheet" type="text/css" href="../static/css/bootstrap-responsive.css"
          th:href="@{~/css/bootstrap-responsive.css}"/>
    <link rel="stylesheet" type="text/css" href="../static/css/custom.css" th:href="@{~/css/custom.css}">
    <link rel="stylesheet" type="text/css" href="../static/css/docs.css" th:href="@{~/css/docs.css}">
    <link rel="stylesheet" type="text/css" href="../static/css/prettify.css" th:href="@{~/css/prettify.css}">
    <link rel="stylesheet" type="text/css" href="../static/css/cvrs.css" th:href="@{~/css/cvrs.css}">



</head>


<body style="overflow-y:scroll" class="template-people-index-page">


<script>
    function getCookie(name) {
        var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");

        if (arr = document.cookie.match(reg))

            return unescape(arr[2]);
        else
            return null;
    }

    function setCookie(name, value) {
        var Days = 30;
        var exp = new Date();
        exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 365);
        document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString() + ";path=/";
    }

    function reload(language) {
        var language = getCookie("language");
        if (language == null || language == '' || language == 'cn')
            setCookie("language", 'en');
        else
            setCookie("language", 'cn');
        location.reload();
    }




</script>

<div id="navbar" class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container">
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="brand" href="/">CVRS Lab</a>
            <div class="nav-collapse">
                <ul class="nav">
                    <li>
                        <a href="/">
                            <strong>主页</strong>
                        </a>
                    </li>

                    <li>
                        <a href="/people/" role="menuitem"><strong>成员</strong></a>
                    </li>


                    <li>
                        <a href="/publication/" role="menuitem"><strong>论文</strong></a>
                    </li>


                    <!--                    <li>-->
                    <!--                        <a href="/patents/" role="menuitem"><strong>专利</strong></a>-->
                    <!--                    </li>-->


                    <!--                    <li>-->
                    <!--                        <a href="/projects/" role="menuitem"><strong>项目</strong></a>-->
                    <!--                    </li>-->


<!--                    <li>-->
<!--                        <a href="/activities/" role="menuitem"><strong>活动</strong></a>-->
<!--                    </li>-->


                    <li>
                        <a href="/PAS/" role="menuitem"><strong>公告</strong></a>
                    </li>


                    <!--                    <li>-->
                    <!--                        <a href="/links/" role="menuitem"><strong>链接</strong></a>-->
                    <!--                    </li>-->


                    <li>
                        <a href="/join-us/" role="menuitem"><strong>加入我们</strong></a>
                    </li>


                    <!--                    <li>-->
                    <!--                        <a href="http://cvrs.whu.edu.cn/intranet/login.html" target="_blank">-->
                    <!--                            <strong>内网</strong>-->
                    <!--                        </a>-->
                    <!--                    </li>-->
                    <!--                    <li>-->
                    <!--                        <a href="http://cvrs.whu.edu.cn/gitlab/" target="_blank">-->
                    <!--                            <strong>Git</strong>-->
                    <!--                        </a>-->
                    <!--                    </li>-->

                    <li>
                        <a data-toggle="modal" data-target="#myModal" target="_blank">
                            <strong>联系我们</strong>
                        </a>
                    </li>
                    <!--                    <li>-->
                    <!--                        <a href="javascript:void(0);" onclick="reload();">-->
                    <!--                            <strong>English</strong>-->
                    <!--                        </a>-->
                    <!--                    </li>-->

                </ul>
            </div>
        </div>
    </div>
</div>


<main role="main">


    <header class="jumbotron subhead" id="overview">
        <div class="container">
            <h1>CVRS Lab</h1>
            <p class="lead">成员</p>
        </div>
    </header>


    <div class="container">
        <div class="tooltip-demo">

            <!-- Docs nav
        ================================================== -->
            <div class="row">
                <div class="span3 bs-docs-sidebar">
                    <ul class="nav nav-list bs-docs-sidenav">


                        <li>
                            <a href="#Professor">
                                <i class="icon-chevron-right"></i> 教授</a>
                        </li>


                        <li>
                            <a href="#Postdoctoral Fellow">
                                <i class="icon-chevron-right"></i> 博士后</a>
                        </li>


                        <li>
                            <a href="#PhD Student">
                                <i class="icon-chevron-right"></i> 博士生</a>
                        </li>


                        <li>
                            <a href="#Postgraduate Student">
                                <i class="icon-chevron-right"></i> 硕士研究生</a>
                        </li>


                        <li>
                            <a href="#Undergraduate">
                                <i class="icon-chevron-right"></i> 本科生</a>
                        </li>


                        <li>
                            <a href="#Alumni">
                                <i class="icon-chevron-right"></i> 已毕业学生</a>
                        </li>


                        <!-- <li><a href="#fyp"><i class="icon-chevron-right"></i> FYP Students</a></li> -->
                        <!-- <li><a href="./alumni.html"><i class="icon-chevron-right"></i> Alumni</a></li> -->
                    </ul>
                </div>
                <div class="span9">


                    <section id="Professor" th:each="degree :${degreeList}" th:if="${degree} eq 'Professor'">
                        <div class="page-header" >
                            <h1>教授</h1>
                        </div>

                        <div class="row-fluid" th:each="people :${peopleList}" >


                            <div class="span3" align="center"
                                 style="margin-left: 0px; margin-right: 25px; color: #707070; width:165px; height:280px"
                                 th:if="${people.degree} eq 'Professor'">

                                <a th:href="@{/people/{id}(id=${people.id})}"><img th:src="${people.imgUrl}" width="150"
                                                                                   height="200" alt=""/></a>
                                <p style="margin-bottom:0px;padding-top:3px; "><a
                                        th:href="@{/people/{id}(id=${people.id})}" style="color:#905050">[[${people.name}]]</a>
                                </p>
                                <p style="margin-bottom:10px;line-height:100%">[[${people.subject}]]</p>
                                <p style="margin-bottom:10px;line-height:100%">[[${people.introduction}]]</p>
                            </div>

                        </div>

                    </section>


                    <section id="Postdoctoral Fellow" th:each="degree :${degreeList}" th:if="${degree} eq 'Postdoctoral Fellow'">
                        <div class="page-header" >
                            <h1>博士后</h1>
                        </div>

                        <div class="row-fluid"  th:each="people :${peopleList}" >
                            <div class="span3" align="center"
                                 style="margin-left: 0px; margin-right: 25px; color: #707070; width:165px; height:280px"
                                 th:if="${people.degree} eq 'Postdoctoral Fellow'">

                                <a th:href="@{/people/{id}(id=${people.id})}"><img th:src="${people.imgUrl}" width="150"
                                                                                   height="200" alt=""/></a>
                                <p style="margin-bottom:0px;padding-top:3px; "><a
                                        th:href="@{/people/{id}(id=${people.id})}" style="color:#905050">[[${people.name}]]</a>
                                </p>
                                <p style="margin-bottom:10px;line-height:100%">[[${people.subject}]]</p>
                                <p style="margin-bottom:10px;line-height:100%">[[${people.introduction}]]</p>
                            </div>

                        </div>


                    </section>


                    <section id="PhD Student" th:each="degree :${degreeList}" th:if="${degree} eq 'PhD Student'">
                        <div class="page-header" >
                            <h1>博士</h1>
                        </div>

                        <div class="row-fluid" th:each="people :${peopleList}">


                            <div class="span3" align="center"
                                 style="margin-left: 0px; margin-right: 25px; color: #707070; width:165px; height:280px"
                                 th:if="${people.degree} eq 'PhD Student'">

                                <a th:href="@{/people/{id}(id=${people.id})}"><img th:src="${people.imgUrl}" width="150"
                                                                                   height="200" alt=""/></a>
                                <p style="margin-bottom:0px;padding-top:3px; "><a
                                        th:href="@{/people/{id}(id=${people.id})}" style="color:#905050">[[${people.name}]]</a>
                                </p>
                                <p style="margin-bottom:10px;line-height:100%">[[${people.subject}]]</p>
                                <p style="margin-bottom:10px;line-height:100%">[[${people.introduction}]]</p>
                            </div>


                        </div>


                    </section>


                    <section id="Postgraduate Student" th:each="degree :${degreeList}" th:if="${degree} eq 'Postgraduate Student'">
                        <div class="page-header" >
                            <h1>硕士研究生</h1>
                        </div>

                        <div class="row-fluid" th:each="people :${peopleList}">


                            <div class="span3" align="center"
                                 style="margin-left: 0px; margin-right: 25px; color: #707070; width:165px; height:280px"
                                 th:if="${people.degree} eq 'Postgraduate Student'">

                                <a th:href="@{/people/{id}(id=${people.id})}"><img th:src="${people.imgUrl}" width="150"
                                                                                   height="200" alt=""/></a>
                                <p style="margin-bottom:0px;padding-top:3px; "><a
                                        th:href="@{/people/{id}(id=${people.id})}" style="color:#905050">[[${people.name}]]</a>
                                </p>
                                <p style="margin-bottom:10px;line-height:100%">[[${people.subject}]]</p>
                                <p style="margin-bottom:10px;line-height:100%">[[${people.introduction}]]</p>
                            </div>


                        </div>


                    </section>


                    <section id="Undergraduate" th:each="degree :${degreeList}" th:if="${degree} eq 'Undergraduate'">
                        <div class="page-header" >
                            <h1>本科生</h1>
                        </div>

                        <div class="row-fluid" th:each="people :${peopleList}">


                            <div class="span3" align="center"
                                 style="margin-left: 0px; margin-right: 25px; color: #707070; width:165px; height:280px"
                                 th:if="${people.degree} eq 'Undergraduate'">

                                <a th:href="@{/people/{id}(id=${people.id})}"><img th:src="${people.imgUrl}" width="150"
                                                                                   height="200" alt=""/></a>
                                <p style="margin-bottom:0px;padding-top:3px; "><a
                                        th:href="@{/people/{id}(id=${people.id})}" style="color:#905050">[[${people.name}]]</a>
                                </p>
                                <p style="margin-bottom:10px;line-height:100%">研究方向：[[${people.subject}]]</p>
                                <p style="margin-bottom:10px;line-height:100%">[[${people.introduction}]]</p>
                            </div>


                        </div>


                    </section>


                    <section id="Alumni" th:each="degree :${degreeList}" th:if="${degree} eq 'Alumni'">
                        <div class="page-header" >
                            <h1>已毕业学生</h1>
                        </div>

                        <div class="row-fluid" th:each="people :${peopleList}">


                            <div class="span3" align="center"
                                 style="margin-left: 0px; margin-right: 25px; color: #707070; width:165px; height:280px"
                                 th:if="${people.degree} eq 'Alumni'">

                                <a th:href="@{/people/{id}(id=${people.id})}"><img th:src="${people.imgUrl}" width="150"
                                                                                   height="200" alt=""/></a>
                                <p style="margin-bottom:0px;padding-top:3px; "><a
                                        th:href="@{/people/{id}(id=${people.id})}" style="color:#905050">[[${people.name}]]</a>
                                </p>
                                <p style="margin-bottom:10px;line-height:100%">[[${people.subject}]]</p>
                                <p style="margin-bottom:10px;line-height:100%">[[${people.introduction}]]</p>
                            </div>


                        </div>


                    </section>


                </div>

            </div>
        </div>
    </div>


</main>

<hr>

<!-- Footer -->
<footer>


    <div class="container" role="contentinfo">
        <div class="row" style="margin-bottom: 0">
            <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">


                <div class="copyright text-center text-muted" role="note">
<!--                    <p><a href="/">主页</a> | <a href="/people/">成员</a> | <a href="/publication/">论文</a> | <a-->
<!--                            href="/activities/">活动</a> | <a href="/PAS/">公告</a> | <a href="/join-us/">加入我们</a><br/>地址：中国黑龙江省大庆市高新技术产业开发区学府街99号东北石油大学计算机与信息技术学院-->
<!--                        邮编：163318 电话：+86-XX-XXXXXXXX<br/>版权所有 © 2014-2020 <a-->
<!--                                href="http://jsjy.nepu.edu.cn/"><b>东北石油大学</b></a> <a href="http://jsjy.nepu.edu.cn/"><b>计算机与信息技术学院</b></a>-->
<!--                        技术支持：<a href="http://jsjy.nepu.edu.cn/"><b>科技有限公司</b></a></p>-->
                    <p><a href="/">主页</a> | <a href="/people/">成员</a> | <a href="/publication/">论文</a> |  <a href="/PAS/">公告</a> | <a href="/join-us/">加入我们</a><br/>地址：中国黑龙江省大庆市高新技术产业开发区学府街99号东北石油大学计算机与信息技术学院
                        邮编：163318 电话：+86-XX-XXXXXXXX<br/>版权所有 © 2014-2020 <a
                                href="http://jsjy.nepu.edu.cn/"><b>东北石油大学</b></a> <a href="http://jsjy.nepu.edu.cn/"><b>计算机与信息技术学院</b></a>
                        技术支持：<a href="http://jsjy.nepu.edu.cn/"><b>科技有限公司</b></a></p>
                </div>

            </div>
        </div>
    </div>
</footer>

<!-- /container -->


<div class="modal fade" id="myModal" tabindex="-1" role="dialog" style="display: none;" aria-labelledby="myModalLabel"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <!---->
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span
                        class="sr-only"></span></button>
                <h4 class="modal-title" style="color:#000000">联系我们</h4>
            </div>
            <div class="modal-body" style="color:#000000">
                <div style="width:610px;height:170px;">

                    <address>机器学习与视觉实验室（ lab-Machine Learning and Computer vision）<br/>
                        东北石油大学计算机与信息技术学院x号楼xxx室<br/>
                        中国黑龙江省大庆市高新技术产业开发区学府街99号<br/>
                    </address>
                    <ul>
                        <li>Web:&nbsp; <a href="http://cvrs.whu.edu.cn/">http://cvrs.whu.edu.cn</a> &nbsp; <a
                                target="_blank" href="http://www.scholat.com/jianyao">http://www.scholat.com/xxxxxx</a>
                        </li>
                        <li>Email:&nbsp; <a href="mailto:jian.yao@whu.edu.cn">xxxxxx@whu.edu.cn</a>&nbsp; <a
                                href="mailto:jianyao75@qq.com">jianyao75@qq.com</a></li>
                        <li>Phone:&nbsp; +86-xx-xxxxxxxx (Office) &nbsp; +86-xxxxxxxxxxx (Mobile)</li>
                        <li>Fax:&nbsp; +86-xx-xxxxxxxx</li>
                    </ul>
                </div>
                <div style="width:500px;height:300px;border:#ccc solid 1px;" id="dituContent"></div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript"
        src="https://api.map.baidu.com/api?v=3.0&ak=ZfPdGtW6bxN9UyQOu39vk0Ek1DtrIrfS&s=1"></script>
<script type="text/javascript">
    //创建和初始化地图函数：
    function initMap() {
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
        addMarker();//向地图中添加marker
    }

    //创建地图函数：
    function createMap() {
        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
        var point = new BMap.Point(125.14889, 46.595394);//定义一个中心点坐标
        map.centerAndZoom(point, 18);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map = map;//将map变量存储在全局
    }

    //地图事件设置函数：
    function setMapEvent() {
        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
        map.enableKeyboard();//启用键盘上下左右键移动地图
    }

    //地图控件添加函数：
    function addMapControl() {
        //向地图中添加缩放控件
        var ctrl_nav = new BMap.NavigationControl({anchor: BMAP_ANCHOR_TOP_LEFT, type: BMAP_NAVIGATION_CONTROL_LARGE});
        map.addControl(ctrl_nav);
        //向地图中添加缩略图控件
        var ctrl_ove = new BMap.OverviewMapControl({anchor: BMAP_ANCHOR_BOTTOM_RIGHT, isOpen: 1});
        map.addControl(ctrl_ove);
        //向地图中添加比例尺控件
        var ctrl_sca = new BMap.ScaleControl({anchor: BMAP_ANCHOR_BOTTOM_LEFT});
        map.addControl(ctrl_sca);
    }

    //标注点数组
    var markerArr = [{
        title: "东北石油大学计算机视觉与遥感实验室（lab-Machine Learning and Computer vision）",
        content: "我的备注",
        point: "125.14889, 46.595394",
        isOpen: 0,
        icon: {w: 23, h: 25, l: 46, t: 21, x: 9, lb: 12}
    }
    ];

    //创建marker
    function addMarker() {
        for (var i = 0; i < markerArr.length; i++) {
            var json = markerArr[i];
            var p0 = json.point.split("|")[0];
            var p1 = json.point.split("|")[1];
            var point = new BMap.Point(p0, p1);
            var iconImg = createIcon(json.icon);
            var marker = new BMap.Marker(point, {icon: iconImg});
            var iw = createInfoWindow(i);
            var label = new BMap.Label(json.title, {"offset": new BMap.Size(json.icon.lb - json.icon.x + 10, -20)});
            marker.setLabel(label);
            map.addOverlay(marker);
            label.setStyle({
                borderColor: "#808080",
                color: "#333",
                cursor: "pointer"
            });

            (function () {
                var index = i;
                var _iw = createInfoWindow(i);
                var _marker = marker;
                _marker.addEventListener("click", function () {
                    this.openInfoWindow(_iw);
                });
                _iw.addEventListener("open", function () {
                    _marker.getLabel().hide();
                })
                _iw.addEventListener("close", function () {
                    _marker.getLabel().show();
                })
                label.addEventListener("click", function () {
                    _marker.openInfoWindow(_iw);
                })
                if (!!json.isOpen) {
                    label.hide();
                    _marker.openInfoWindow(_iw);
                }
            })()
        }

    }

    //创建InfoWindow
    function createInfoWindow(i) {
        var json = markerArr[i];
        var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>" + json.content + "</div>");
        return iw;
    }

    //创建一个Icon
    function createIcon(json) {
        var icon = new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w, json.h), {
            imageOffset: new BMap.Size(-json.l, -json.t),
            infoWindowOffset: new BMap.Size(json.lb + 5, 1),
            offset: new BMap.Size(json.x, json.h)
        })
        return icon;
    }



    initMap();
</script>
<style type="text/css">
    .iw_poi_title {
        color: #CC5522;
        font-size: 14px;
        font-weight: bold;
        overflow: hidden;
        padding-right: 13px;
        white-space: nowrap
    }

    .iw_poi_content {
        font: 12px arial, sans-serif;
        overflow: visible;
        padding-top: 4px;
        white-space: -moz-pre-wrap;
        word-wrap: break-word
    }
</style>
<script src="/static/js/jquery.js" th:src="@{~/js/jquery.js}"></script>
<script src="/static/js/bootstrap-transition.js" th:src="@{~/js/bootstrap-transition.js}"></script>
<script src="/static/js/bootstrap-alert.js" th:src="@{~/js/bootstrap-alert.js}"></script>
<script src="/static/js/bootstrap-scrollspy.js" th:src="@{~/js/bootstrap-scrollspy.js}"></script>
<script src="/static/js/bootstrap-tab.js" th:src="@{~/js/bootstrap-tab.js}"></script>
<script src="/static/js/bootstrap-tooltip.js" th:src="@{~/js/bootstrap-tooltip.js}"></script>
<script src="/static/js/bootstrap-carousel.js" th:src="@{~/js/bootstrap-carousel.js}"></script>
<script src="/static/js/bootstrap.min.js" th:src="@{~/js/bootstrap.min.js}"></script>

</body>

</html>
